/**
 * This file is part of the Anota project.
 * 2011-2012 Fernando Garcia Huerta <fgarciahue@uoc.edu>
 * 
 * UOC - FUNDAMENTOS DE INFORMÁTICA EN ENTORNOS BIOINFORMÁTICOS - PEC2
 */

/**
 * main.css
 * 
 * @package    Anota
 * @subpackage application/module
 * @author     Fernando Garcia Huerta <fgarciahue@uoc.edu>
 */
html {
  background-color: #ffe;
  color: black;
}

body {
  width: 960px;
  margin: auto;
  
  background-color: #ffe;
  
  font: 14px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

h1, h2, h3 {
  margin: 0;
  text-align: center;
  color: #444;
}

h2 {  
  margin: 5px -1px 5px 0px;
  padding: 4px 0px;

  background-color:#ddc;
  border:1px solid #BBBBBB; 
}

h3 {
    margin: 10px 0px;
    border-bottom: 1px solid #BBBBBB;
}

a {
  padding: 0px 5px;
  text-decoration: underline;

  color: darkblue;
}

.salir {
  color: black;
  background-color: #ddd;
  border: 1px solid #888;      
  text-decoration: none;
}

.normal {
  color: darkblue;
  background-color: #DFFDFD;
  border: 1px solid blue;    
  text-decoration: none;
}
.editar {
  color:#48681A;
  background-color: #E3F5E0;
  border: 1px solid #48681A;
  text-decoration: none;
}
.eliminar {
  color: darkred;
  background-color: #FDD;
  border: 1px solid red;
  text-decoration: none;
}

.error {
  color: red;
}

form {
  display: block;
  float: left;
  
  padding: 0px 0px;
  width: 100%;
}

form label,
div.label {
  display: block;
  clear: left;
  float: left;
  
  min-width: 480px;
  width: 480px;
  height: 20px;

  padding: 0px 5px 0px 0px;
  margin: 0px 5px 0px 0px;
  
  color:#3E4F66;
  background-color: #F2F2F2;
  border: 1px solid #BBBBBB;
  
  text-align: right;
}
form label.submit {
  background: transparent;
  border: 1px solid transparent;
}
form input,
form textarea {
  padding: 2px 4px;
  margin: 0px 4px;  
}

form input[type="text"] {
  width: 250px;
  height: 20px;  
}

form select {
  padding: 2px 4px;
  margin: 0px 4px;
}

form textarea {
  width: 600px
}

form li {
  margin-bottom: 4px;
}

p {
  display: block;
  clear: left;
  float: left;
  
  font: 14px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

table {
    font: 14px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
    margin:auto;
    width:70%;
}

form ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.inline li {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
}

ul.inline li a {
  margin: 0;
  padding: 0;
  border: 0;
}

ul.inline li a img {
  margin: 0;
  padding: 0;
  border: 0;
}

div.bloque {
  display: block;
  clear: both;
  float: left;
  
  width: 938px;
  margin: 1px 0px;
  padding: 5px 10px;
  
  border: 1px solid #999;
}

div.bloque div.bloque {
  display: block;
  clear: both;
  float: left;
  
  width: 920px;
  margin: 1px 0px;
  padding: 5px 10px;
  
  border: 1px solid #999;  
}

.accion_nombre {
  color: #888;
  padding-left: 10px;
}

div#wellcome
{
  border-bottom: 1px solid #999;
  background-color: #eed;
}

div#wellcome div.message 
{
  display: block;
  clear: left;
  float: left;
}

div#wellcome div.actions
{
  display: block;
  clear: right;
  float: right;
  
  text-align: center;
}  